<ion-view view-title="重置密码">
  <ion-content class="my-bg">
    <form>
      <ion-list>
        <!-- 国家地区 -->
        <ion-item class="item-icon-right" href="">
          <span>国家地区</span>
          <p style="float: right">+86&nbsp;中国</p>
          <i class="icon ion-ios-arrow-right gray"></i>
        </ion-item>

        <!-- 手机号码 -->
        <ion-item class="item-input-inset">
          <span class="input-label">手机号码</span>
          <input type="tel" ng-model="vm.userPhone" placeholder="请输入手机号码">
          <button style="position: absolute;right: 25px;top: 12px;" class="button button-positive button-small" ng-click="getSecurityCode()">获取验证码</button>
        </ion-item>

        <!-- 验证码 -->
        <ion-item class="item-input-inset">
          <span class="input-label">验证码</span>
          <input type="text" placeholder="请输入验证码" ng-model="vm.securityCode">
        </ion-item>
      </ion-list>

      <!-- 密码 -->
      <ion-item class="item-input-inset">
        <span class="input-label">密码</span>
        <input id="password" placeholder="请输入6位密码" ng-model="vm.newPassword" type="{{vm.flag ? 'text' : 'password'}}">
        <img class="password-icon" src="img/password-icon2.png" ng-click="passwordStatus()" ng-hide="vm.flag" />
        <img class="password-icon" src="img/password-icon1.png" ng-click="passwordStatus()" ng-hide="!vm.flag" />
      </ion-item>

      <br />

      <!-- 提交 -->
      <ion-item class="button-bar">
        <button class="button button-positive button-full button-clear" style="margin: -15px auto;" ng-click="reset()">完成</button>
      </ion-item>
    </form>
  </ion-content>
</ion-view>
